.g-breadcrumbs-p a { color: #000; font-weight: 400 } .g-breadcrumbs-p ol { color: #000; font-weight: 400 } @media (min-width:480px) { #HeaderShrinking { position: absolute !important } } @media (max-width:1023px) { .set-responsiveWebDesign #HeaderShrinking { position: relative !important } } @media (min-width:480px) { #HeaderSubstitution { height: 0 !important } } .expo2025 { padding-top: 158px } @media screen and (max-width:959px) { .expo2025 { padding-top: 0 } } @media screen and (max-width:959px) { .expo2025 .c-pc { display: none } } @media screen and (min-width:960px) { .expo2025 .c-sp { display: none } } .expo2025__partner { margin: -23px 0 15px; text-align: center } @media screen and (max-width:959px) { .expo2025__partner { margin: 0 0 15px } } .expo2025__partner img { height: 100px } @media screen and (max-width:959px) { .expo2025__partner img { height: 70px } } .expo2025__partner figcaption { color: #000; font-size: 12px; line-height: 1.5em; margin: 2px 0 0; font-family: Arial, Helvetica, sans-serif; font-weight: 300; font-optical-sizing: auto } .expo2025__language { background: linear-gradient(90deg, #fff 0, #0187ea 15%, #010061 40%, #04012a 80%, #040126 100%); padding: 0 15px } .expo2025__language nav { -ms-flex-align: center; align-items: center; display: block flex; height: 50px; -ms-flex-pack: end; justify-content: flex-end } .expo2025__language a { -ms-flex-align: center; align-items: center; border: 1px solid currentColor; border-radius: 30px; color: #fff; display: block flex; font-size: 12px; height: 30px; -ms-flex-pack: center; justify-content: center; line-height: 1em; width: 120px; font-family: Arial, Helvetica, sans-serif; font-weight: 300; font-optical-sizing: auto } .expo2025__news { background: #f7f7f7; color: #000; padding: 120px 15px 110px; position: relative; z-index: 10 } @media screen and (max-width:959px) { .expo2025__news { padding: 60px 15px 50px } } .expo2025__news h2 { font-size: 24px; line-height: 1.2em; margin: 0 0 90px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: 700; font-optical-sizing: auto } @media screen and (max-width:959px) { .expo2025__news h2 { margin: 0 0 45px } } .expo2025__news dl { font-size: 15px; line-height: 1.8em; margin: 0 auto; max-width: 960px; text-align: left } .expo2025__news dt { font-family: Arial, Helvetica, sans-serif; font-weight: 300; font-optical-sizing: auto } .expo2025__news dd { margin: -1lh 0 10px 115px; font-family: Arial, Helvetica, sans-serif; font-weight: 300; font-optical-sizing: auto } @media screen and (max-width:959px) { .expo2025__news dd { margin: 0 0 10px 0 } } .expo2025__news dd a { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: inherit } .expo2025__news dd a:hover { text-decoration: underline } .expo2025__copy { color: #000; padding: 90px 15px 95px; --d: 0ms } @media screen and (max-width:959px) { .expo2025__copy { padding: 60px 15px } } .expo2025__copy p { font-size: 24px; letter-spacing: .06em; line-height: 3.25em; text-align: center; margin: 0; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; font-optical-sizing: auto } @media screen and (max-width:959px) { .expo2025__copy p { font-size: 18px; letter-spacing: .05em; line-height: 2.75em } } .expo2025__copy p span { opacity: 0; display: inline-block; translate: 0 10px } @media screen and (min-width:960px) { .expo2025__copy p:nth-of-type(1) { --d: 0ms } .expo2025__copy p:nth-of-type(2) { --d: 37 * 30ms } .expo2025__copy p:nth-of-type(3) { --d: 37 * 30ms + 56 * 30ms } .expo2025__copy p:nth-of-type(4) { --d: 37 * 30ms + (56 + 44) * 30ms } } @media screen and (max-width:959px) { .expo2025__copy p:nth-of-type(1) { --d: 0ms } .expo2025__copy p:nth-of-type(2) { --d: 37 * 30ms } .expo2025__copy p:nth-of-type(3) { --d: (37 + 36) * 30ms } .expo2025__copy p:nth-of-type(4) { --d: (37 + 36 + 27) * 30ms } .expo2025__copy p:nth-of-type(5) { --d: (37 + 36 + 27 + 32) * 30ms } .expo2025__copy p:nth-of-type(6) { --d: (37 + 36 + 27 + 32 + 28) * 30ms } } .expo2025__copy[data-status=show] span { opacity: 1; translate: 0 0; transition: all .6s ease } .expo2025__copy[data-status=show] span:nth-of-type(1) { transition-delay: calc(30ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(2) { transition-delay: calc(60ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(3) { transition-delay: calc(90ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(4) { transition-delay: calc(120ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(5) { transition-delay: calc(150ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(6) { transition-delay: calc(180ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(7) { transition-delay: calc(210ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(8) { transition-delay: calc(240ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(9) { transition-delay: calc(270ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(10) { transition-delay: calc(300ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(11) { transition-delay: calc(330ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(12) { transition-delay: calc(360ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(13) { transition-delay: calc(390ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(14) { transition-delay: calc(420ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(15) { transition-delay: calc(450ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(16) { transition-delay: calc(480ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(17) { transition-delay: calc(510ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(18) { transition-delay: calc(540ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(19) { transition-delay: calc(570ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(20) { transition-delay: calc(600ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(21) { transition-delay: calc(630ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(22) { transition-delay: calc(660ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(23) { transition-delay: calc(690ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(24) { transition-delay: calc(720ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(25) { transition-delay: calc(750ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(26) { transition-delay: calc(780ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(27) { transition-delay: calc(810ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(28) { transition-delay: calc(840ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(29) { transition-delay: calc(870ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(30) { transition-delay: calc(900ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(31) { transition-delay: calc(930ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(32) { transition-delay: calc(960ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(33) { transition-delay: calc(990ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(34) { transition-delay: calc(1020ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(35) { transition-delay: calc(1050ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(36) { transition-delay: calc(1080ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(37) { transition-delay: calc(1110ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(38) { transition-delay: calc(1140ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(39) { transition-delay: calc(1170ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(40) { transition-delay: calc(1200ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(41) { transition-delay: calc(1230ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(42) { transition-delay: calc(1260ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(43) { transition-delay: calc(1290ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(44) { transition-delay: calc(1320ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(45) { transition-delay: calc(1350ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(46) { transition-delay: calc(1380ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(47) { transition-delay: calc(1410ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(48) { transition-delay: calc(1440ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(49) { transition-delay: calc(1470ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(50) { transition-delay: calc(1500ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(51) { transition-delay: calc(1530ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(52) { transition-delay: calc(1560ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(53) { transition-delay: calc(1590ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(54) { transition-delay: calc(1620ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(55) { transition-delay: calc(1650ms + var(--d)) } .expo2025__copy[data-status=show] span:nth-of-type(56) { transition-delay: calc(1680ms + var(--d)) } .expo2025__bns { margin: 0 auto 140px; max-width: 960px; padding: 0 15px } @media screen and (max-width:959px) { .expo2025__bns { margin: 0 0 60px } } .expo2025__bns__air { margin: 0 0 120px } @media screen and (max-width:959px) { .expo2025__bns__air { margin: 0 0 60px } } .expo2025__bns__air a { -ms-flex-align: center; align-items: center; background: url("/-/media/Project/Daikin/daikin_com/air/daikin_achievements/expo2025/assets/images/bn_01 webp") no-repeat 70% center; background-size: cover; box-sizing: border-box; display: block flex; height: 240px; -ms-flex-pack: start; justify-content: flex-start; padding: 0 8.3%; position: relative; text-align: left; text-decoration: none; transition: all 250ms ease } @media screen and (max-width:959px) { .expo2025__bns__air a { height: 180px; -ms-flex-pack: center; justify-content: center; padding: 0 } } @media screen and (min-width:960px) { .expo2025__bns__air a:hover { opacity: .7; text-decoration: none } } .expo2025__bns__air a h3 { color: #fff; font-size: 30px; letter-spacing: .2em; font-family: Arial, Helvetica, sans-serif; font-weight: 700; font-optical-sizing: auto; text-shadow: 0 0 3px rgba(0, 0, 0, .15) } @media screen and (max-width:959px) { .expo2025__bns__air a h3 { font-size: 21px } } .expo2025__bns__air a p { background: #fff; border-radius: 40px; bottom: 20px; color: #000; font-size: 14px; height: 40px; position: absolute; right: 20px; width: 180px; margin: 0; font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-optical-sizing: auto; display: block flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center } @media screen and (max-width:959px) { .expo2025__bns__air a p { bottom: 15px; font-size: 12px; height: 30px; right: 15px; width: 140px; left: 15px; margin: 0 auto } } .expo2025__bns__relation { display: block flex; gap: 10px; -ms-flex-pack: justify; justify-content: space-between } @media screen and (max-width:959px) { .expo2025__bns__relation { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px 10px } } @media screen and (min-width:960px) { .expo2025__bns__relation li { max-width: 232px } } @media screen and (max-width:959px) { .expo2025__bns__relation li { width: calc(50% - 5px) } } .expo2025__bns__relation a { display: block flow; text-align: left; text-decoration: none; transition: all 250ms ease } @media screen and (min-width:960px) { .expo2025__bns__relation a:hover { opacity: .7; text-decoration: none } } .expo2025__bns__relation a p { color: #000; font-size: 13px; line-height: 1.384em; margin: 5px 0 0; padding: 0 0 0 15px; position: relative; font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-optical-sizing: auto } @media screen and (max-width:959px) { .expo2025__bns__relation a p { margin: 5px 0 0; font-size: 12px } } .expo2025__bns__relation a p::before { background: url("/-/media/Project/Daikin/daikin_com/air/daikin_achievements/expo2025/assets/images/arrow svg") no-repeat center; content: ""; height: 10.71px; left: 4px; position: absolute; top: 4px; width: 6.06px } .expo2025__bns__relation a img { width: 100% } .expo2025__illust { margin: 0 auto; max-width: 960px } .expo2025__svg { height: 0; left: 0; position: absolute; top: 0; width: 0 } .expo2025 .illust01 { position: relative; aspect-ratio: 960/500 } .expo2025 .illust01 img { position: absolute } .expo2025 .illust01__base { width: 80.87969%; left: 9.32292%; top: 15.88% } .expo2025 .illust01__text01-01 { width: 8.52396%; top: 9.86% } .expo2025 .illust01__text01-01--01 { left: 16.03125% } .expo2025 .illust01__text01-01--02 { left: 75.07292% } .expo2025 .illust01__text01-02 { animation: illust01__text01-02 7s ease 0s infinite; width: 13.75%; top: 25.12% } .expo2025 .illust01__text01-02--01 { left: 13.34375% } .expo2025 .illust01__text01-02--02 { left: 72.54167% } .expo2025 .illust01__text02-01 { animation: illust01__text02-01 7s ease 0s infinite; width: 6.39583%; left: 46.375%; top: 9.934% } .expo2025 .illust01__text02-02 { animation: illust01__text02-02 7s ease 0s infinite; width: 13.75%; left: 43.02083%; top: 41.474% } .expo2025 .illust01__arrow01 { width: 2.56771%; top: 14.736% } .expo2025 .illust01__arrow01--01 { left: 18.98021% } .expo2025 .illust01__arrow01--02 { left: 78.02292% } .expo2025 .illust01__arrow02 { animation: illust01_arrow02 7s ease 0s infinite; width: 9.62188%; top: 31.668% } .expo2025 .illust01__arrow02--01 { left: 15.41563% } .expo2025 .illust01__arrow02--02 { left: 74.50417% } .expo2025 .illust01__arrow04 { width: 2.56771%; top: 14.736% } .expo2025 .illust01__arrow04--01 { left: 33.74167% } .expo2025 .illust01__arrow04--02 { left: 48.50208% } .expo2025 .illust01__arrow04--03 { left: 63.2625% } .expo2025 .illust01__arrow05 { animation: illust01_arrow05 7s ease 0s infinite; width: 5.88021%; top: 29.904% } .expo2025 .illust01__arrow05--01 { left: 32.00104% } .expo2025 .illust01__arrow05--02 { left: 46.85208% } .expo2025 .illust01__arrow05--03 { left: 61.62708% } .expo2025 .illust01__arrow03svg { opacity: .715; position: absolute; width: 22.00938%; height: 23.508%; top: 62.986%; left: 17.72812%; clip-path: url(/-/media/Project/Daikin/daikin_com/air/daikin_achievements/expo2025/assets/css/expo2025%20css/) } .expo2025 .illust01__arrow03svg svg { height: 100%; width: 100% } .expo2025 .illust01__arrow03svg::before { background: linear-gradient(to top, rgb(255 255 255 / 0) 0, #fff 100%); content: ""; left: 0; position: absolute; width: 23.66416%; height: 25.52323%; top: 34.88174% } .expo2025 .illust01__arrow03svg__line { animation: illust01_arrow03svg_line 7s ease 0s infinite; fill: none; filter: blur(5px); stroke: #0097e0; stroke-miterlimit: 10; stroke-width: 95px; stroke-dasharray: 0 295px } .expo2025 .illust01__arrow03svg02 { opacity: .715; position: absolute; width: 22.00938%; height: 23.508%; top: 62.986%; left: 59.80417%; clip-path: url(/-/media/Project/Daikin/daikin_com/air/daikin_achievements/expo2025/assets/css/expo2025%20css/) } .expo2025 .illust01__arrow03svg02 svg { height: 100%; width: 100% } .expo2025 .illust01__arrow03svg02::before { background: linear-gradient(to top, rgb(255 255 255 / 0) 0, #fff 100%); content: ""; position: absolute; right: 0; width: 23.66416%; height: 25.52323%; top: 34.88174% } .expo2025 .illust01__arrow03svg02__line { animation: illust01_arrow03svg_line 7s ease 0s infinite; fill: none; filter: blur(5px); stroke: #0097e0; stroke-miterlimit: 10; stroke-width: 95px; stroke-dasharray: 0 295px } @keyframes illust01_arrow03svg_line { 0% { stroke-dasharray: 0 360px } 25% { stroke-dasharray: 0 360px } 50% { stroke-dasharray: 360px 0 } 100% { stroke-dasharray: 360px 0 } 0% { opacity: 1 } 95% { opacity: 1 } 100% { opacity: 0 } } @keyframes illust01__text01-02 { 0% { transform: translateY(-10%) } 40% { transform: translateY(10%) } 100% { transform: translateY(10%) } 0% { opacity: 0 } 15% { opacity: 1 } 95% { opacity: 1 } 100% { opacity: 0 } } @keyframes illust01_arrow02 { 0% { transform: translateY(-100%) } 40% { transform: translateY(100%) } 100% { transform: translateY(100%) } 0% { opacity: 0 } 15% { opacity: 1 } 95% { opacity: 1 } 100% { opacity: 0 } } @keyframes illust01_arrow03 { 0% { transform: translateY(10%) } 25% { transform: translateY(10%) } 50% { transform: translateY(0) } 100% { transform: translateY(0) } 0% { opacity: 0 } 25% { opacity: 0 } 50% { opacity: 1 } 95% { opacity: 1 } 100% { opacity: 0 } } @keyframes illust01_arrow05 { 0% { transform: translateY(100%) } 35% { transform: translateY(100%) } 85% { transform: translateY(-100%) } 100% { transform: translateY(-100%) } 0% { opacity: 0 } 35% { opacity: 0 } 50% { opacity: 1 } 95% { opacity: 1 } 100% { opacity: 0 } } @keyframes illust01__text02-02 { 0% { transform: translateY(10%) } 35% { transform: translateY(10%) } 85% { transform: translateY(-10%) } 100% { transform: translateY(-10%) } 0% { opacity: 0 } 35% { opacity: 0 } 50% { opacity: 1 } 95% { opacity: 1 } 100% { opacity: 0 } } @keyframes illust01__text02-01 { 0% { opacity: 0 } 60% { opacity: 0 } 75% { opacity: 1 } 95% { opacity: 1 } 100% { opacity: 0 } } .expo2025 .illust02 { position: relative; aspect-ratio: 960/500 } .expo2025 .illust02 img { position: absolute } .expo2025 .illust02__base { width: 81.89271%; left: 8.31146%; top: 17.048% } .expo2025 .illust02__text01 { animation: illust02_text01 7s ease 0s infinite; width: 17.16667%; left: 32.29896%; top: 33.3642% } .expo2025 .illust02__text02 { animation: illust02_text02 7s ease 0s infinite; width: 14.86458%; left: 2.48958%; top: 31.68% } .expo2025 .illust02__text03 { animation: illust02_text03 7s ease 0s infinite; width: 14.86458%; left: 11.41667%; top: 6.87% } .expo2025 .illust02__text04 { animation: illust02_arrow09 7s ease 0s infinite; width: 6.21875%; left: 46.71875%; top: 54.06% } .expo2025 .illust02__arrow01 { animation: illust02_arrow01 7s ease 0s infinite; width: 2.5625%; left: 28.30208%; top: 40% } .expo2025 .illust02__arrow02 { animation: illust02_text01 7s ease 0s infinite; width: 6.73958%; left: 23.0625%; top: 31.12% } .expo2025 .illust02__arrow03 { animation: illust02_text02 7s ease 0s infinite; width: 7.23958%; left: 8.40625%; top: 23.5% } .expo2025 .illust02__arrow04 { animation: illust02_arrow04 7s ease 0s infinite; width: 4.35417%; left: 3.09375%; top: 22.62% } .expo2025 .illust02__arrow05 { animation: illust02_text03 7s ease 0s infinite; width: 7.23958%; left: 23.0625%; top: 23.5% } .expo2025 .illust02__arrow06 { animation: illust02_arrow06 7s ease 0s infinite; width: 4.35417%; left: 31.33333%; top: 22.62% } .expo2025 .illust02__arrow07svg { opacity: .715; position: absolute; width: 46.18333%; height: 12.502%; left: 35.05208%; top: 23.3%; clip-path: url(/-/media/Project/Daikin/daikin_com/air/daikin_achievements/expo2025/assets/css/expo2025%20css/); -webkit-mask-image: linear-gradient(to right, rgb(255 255 255 / 0) 0, #fff 50%); mask-image: linear-gradient(to right, rgb(255 255 255 / 0) 0, #fff 50%) } .expo2025 .illust02__arrow07svg__line { animation: illust02_arrow07svg_line 7s ease 0s infinite; fill: none; filter: blur(5px); stroke: #0097e0; stroke-miterlimit: 10; stroke-width: 53px; stroke-dasharray: 0 470px } @keyframes illust02_arrow07svg_line { 0% { stroke-dasharray: 0 480px } 45% { stroke-dasharray: 0 480px } 60% { stroke-dasharray: 480px 0 } 100% { stroke-dasharray: 480px 0 } 0% { opacity: 1 } 95% { opacity: 1 } 100% { opacity: 0 } } .expo2025 .illust02__arrow08svg { opacity: .715; position: absolute; width: 19.33125%; height: 37.72%; left: 61.97917%; top: 36.62%; -webkit-mask-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 0, #fff 50%); mask-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 0, #fff 50%); clip-path: url(/-/media/Project/Daikin/daikin_com/air/daikin_achievements/expo2025/assets/css/expo2025%20css/) } .expo2025 .illust02__arrow08svg__line { animation: illust02_arrow08svg_line 7s ease 0s infinite; fill: none; filter: blur(5px); stroke: #0097e0; stroke-miterlimit: 10; stroke-width: 98px; stroke-dasharray: 0 300px } @keyframes illust02_arrow08svg_line { 0% { stroke-dasharray: 0 300px } 55% { stroke-dasharray: 0 300px } 70% { stroke-dasharray: 300px 0 } 100% { stroke-dasharray: 300px 0 } 0% { opacity: 1 } 95% { opacity: 1 } 100% { opacity: 0 } } .expo2025 .illust02__arrow09svg { opacity: .715; position: absolute; width: 45.58542%; height: 26.57%; left: 15.61458%; top: 43.56%; -webkit-mask-image: linear-gradient(to left, rgb(255 255 255 / 0) 0, #fff 50%); mask-image: linear-gradient(to left, rgb(255 255 255 / 0) 0, #fff 50%); clip-path: url(/-/media/Project/Daikin/daikin_com/air/daikin_achievements/expo2025/assets/css/expo2025%20css/) } .expo2025 .illust02__arrow09svg__line { animation: illust02_arrow09svg_line 7s ease 0s infinite; fill: none; filter: blur(5px); stroke: #0097e0; stroke-miterlimit: 10; stroke-width: 95px; stroke-dasharray: 0 505px } @keyframes illust02_arrow09svg_line { 0% { stroke-dasharray: 0 505px } 65% { stroke-dasharray: 0 505px } 80% { stroke-dasharray: 505px 0 } 100% { stroke-dasharray: 505px 0 } 0% { opacity: 1 } 95% { opacity: 1 } 100% { opacity: 0 } } @keyframes illust02_arrow01 { 0% { opacity: 0; transform: translateY(50%) } 10% { opacity: 1; transform: translateY(0) } 95% { opacity: 1; transform: translateY(0) } 100% { opacity: 0; transform: translateY(0) } } @keyframes illust02_text01 { 0% { opacity: 0 } 5% { opacity: 0 } 15% { opacity: 1 } 95% { opacity: 1 } 100% { opacity: 0 } } @keyframes illust02_arrow04 { 0% { opacity: 0; transform: translateX(20%) } 15% { opacity: 0; transform: translateX(20%) } 25% { opacity: 1; transform: translateX(-20%) } 95% { opacity: 1; transform: translateX(-20%) } 100% { opacity: 0; transform: translateX(-20%) } } @keyframes illust02_text02 { 0% { opacity: 0 } 10% { opacity: 0 } 20% { opacity: 1 } 95% { opacity: 1 } 100% { opacity: 0 } } @keyframes illust02_text03 { 0% { opacity: 0 } 30% { opacity: 0 } 40% { opacity: 1 } 95% { opacity: 1 } 100% { opacity: 0 } } @keyframes illust02_arrow06 { 0% { opacity: 0; transform: translateX(-20%) } 35% { opacity: 0; transform: translateX(-20%) } 45% { opacity: 1; transform: translateX(20%) } 95% { opacity: 1; transform: translateX(20%) } 100% { opacity: 0; transform: translateX(20%) } } @keyframes illust02_arrow09 { 0% { opacity: 0 } 65% { opacity: 0 } 75% { opacity: 1 } 95% { opacity: 1 } 100% { opacity: 0 } } .expo2025 .illust03 { position: relative; aspect-ratio: 960/500 } @media screen and (max-width:959px) { .expo2025 .illust03 { aspect-ratio: auto } } .expo2025 .illust03 img { position: absolute } .expo2025 .illust03__01, .expo2025 .illust03__02 { height: 100%; position: absolute; top: 0; width: 45% } @media screen and (max-width:959px) { .expo2025 .illust03__01, .expo2025 .illust03__02 { height: auto; margin: 0 auto; position: relative; width: 100% } } .expo2025 .illust03__01 { left: 7% } @media screen and (max-width:959px) { .expo2025 .illust03__01 { left: auto; margin: 0 0 20px } } .expo2025 .illust03__02 { right: 3% } @media screen and (max-width:959px) { .expo2025 .illust03__02 { right: auto; margin: 0 0 20px } } .expo2025 .illust03__base01 { width: 80.34722%; left: 6.62037%; top: 21.5% } @media screen and (max-width:959px) { .expo2025 .illust03__base01 { top: 28.14136%; left: 10.83333% } } .expo2025 .illust03__arrow, .expo2025 .illust03__arrow02 { animation: illust03_arrow 10s ease 0s infinite; opacity: 0; width: 4.16667%; margin: auto; position: absolute; inset: 0 } @media screen and (max-width:959px) { .expo2025 .illust03__arrow, .expo2025 .illust03__arrow02 { width: 40px; rotate: 90deg } } .expo2025 .illust03__arrow02 { animation: illust03_arrow02 10s ease 5s infinite } .expo2025 .illust03__arrowwrapper { display: contents } @media screen and (max-width:959px) { .expo2025 .illust03__arrowwrapper { position: relative; display: block; height: 50px } } .expo2025 .illust03__illustwrapper { display: contents } @media screen and (max-width:959px) { .expo2025 .illust03__illustwrapper { display: block; position: relative; width: 100%; aspect-ratio: 1.13089 } } .expo2025 .illust03__text01, .expo2025 .illust03__text02 { color: #0097e0; font-size: 15px; font-weight: 500; line-height: 1.8; position: absolute; text-align: left; font-family: Arial, Helvetica, sans-serif; top: 79.62% } @media screen and (max-width:959px) { .expo2025 .illust03__text01, .expo2025 .illust03__text02 { font-size: 14px; position: static } } .expo2025 .illust03__text01 { left: 0; width: 97.22222% } @media screen and (max-width:959px) { .expo2025 .illust03__text01 { margin: 0 auto; max-width: 345px; right: 0; width: 100% } } .expo2025 .illust03__text02 { right: 0; width: 97.22222% } @media screen and (max-width:959px) { .expo2025 .illust03__text02 { left: 0; margin: 0 auto; max-width: 345px; width: 100% } } .expo2025 .illust03__sun { animation: illust03_sun 30s linear 0s infinite; width: 16.66667%; left: 5.20833%; top: 5.58% } @media screen and (max-width:959px) { .expo2025 .illust03__sun { top: 7.30366%; left: 9.4213% } } .expo2025 .illust03__energy01 { width: 4.72222%; left: 9.35185%; top: 57.88% } @media screen and (max-width:959px) { .expo2025 .illust03__energy01 { top: 75.75916%; left: 13.56481% } } .expo2025 .illust03__ice01 { animation: illust03_ice01 10s linear 0s infinite; width: 14.90741%; left: 42.06019%; top: 62.2% } @media screen and (max-width:959px) { .expo2025 .illust03__ice01 { top: 81.41361%; left: 46.27315% } } .expo2025 .illust03__water { animation: illust03_water 10s linear 0s infinite; width: 21.38889%; left: 39.65278%; top: 64.96% } @media screen and (max-width:959px) { .expo2025 .illust03__water { top: 85.02618%; left: 43.86574% } } .expo2025 .illust03__attention01 { animation: illust03_attention 10s ease 0s infinite; width: 44.23611%; left: 28.93519%; top: 13.8% } @media screen and (max-width:959px) { .expo2025 .illust03__attention01 { top: 18.06283%; left: 33.14815% } } .expo2025 .illust03__mater01 { animation: illust03_mater 10s linear 0s infinite; background: #c7e8f8; border: 1px solid #0097e0; height: 0; position: absolute; width: 8.47222%; left: 7.75463%; bottom: 29.8% } @media screen and (max-width:959px) { .expo2025 .illust03__mater01 { bottom: 7.59162%; left: 11.96759%; animation-name: illust03_mater_sp } } .expo2025 .illust03__base02 { width: 80.34722%; left: 10.74074%; top: 21.5% } @media screen and (max-width:959px) { .expo2025 .illust03__base02 { top: 28.14136% } } .expo2025 .illust03__moon { width: 10.83333%; left: 13.00926%; top: 8.06% } @media screen and (max-width:959px) { .expo2025 .illust03__moon { top: 10.54974% } } .expo2025 .illust03__star { animation: illust03_star 2s ease 0s infinite; width: 3.37963% } .expo2025 .illust03__star--01 { animation-duration: 3s; left: 28.42593%; top: 21.9% } @media screen and (max-width:959px) { .expo2025 .illust03__star--01 { top: 28.66492% } } .expo2025 .illust03__star--02 { left: 36.18056%; top: 11.92% } @media screen and (max-width:959px) { .expo2025 .illust03__star--02 { top: 15.60209% } } .expo2025 .illust03__star--03 { animation-duration: 4.2s; left: 74.44444%; top: 15.74% } @media screen and (max-width:959px) { .expo2025 .illust03__star--03 { top: 20.60209% } } .expo2025 .illust03__energy02 { width: 4.72222%; left: 13.61111%; top: 57.88% } @media screen and (max-width:959px) { .expo2025 .illust03__energy02 { top: 75.75916% } } .expo2025 .illust03__mater02 { animation: illust03_mater02 10s linear 5s infinite; background: #c7e8f8; border: 1px solid #0097e0; position: absolute; width: 8.47222%; height: 16.24%; left: 11.875%; bottom: 29.8% } @media screen and (max-width:959px) { .expo2025 .illust03__mater02 { bottom: 7.59162%; animation-name: illust03_mater02_sp; height: 21.25654% } } .expo2025 .illust03__attention02 { animation: illust03_attention 10s ease 5s infinite; opacity: 0; width: 3.65741%; left: 3.21759%; top: 51.86% } @media screen and (max-width:959px) { .expo2025 .illust03__attention02 { top: 67.87958% } } .expo2025 .illust03__attention03 { animation: illust03_attention02 10s ease 5s infinite; opacity: 0; transform-origin: center bottom; width: 18.68056%; left: 44.28241%; top: 48.94% } @media screen and (max-width:959px) { .expo2025 .illust03__attention03 { top: 64.05759% } } .expo2025 .illust03__kirakira--01 { animation: illust03_attention02 10s ease 5s infinite; opacity: 0; width: 3.77315%; left: 41.89815%; top: 47.24% } @media screen and (max-width:959px) { .expo2025 .illust03__kirakira--01 { top: 61.83246% } } .expo2025 .illust03__kirakira--02 { animation: illust03_attention02 10s ease 5s infinite; opacity: 0; width: 2.98611%; left: 59.23611%; top: 45.64% } @media screen and (max-width:959px) { .expo2025 .illust03__kirakira--02 { top: 59.73822% } } .expo2025 .illust03__kirakira--03 { animation: illust03_attention02 10s ease 5s infinite; opacity: 0; width: 3.77315%; left: 62.12963%; top: 48.14% } @media screen and (max-width:959px) { .expo2025 .illust03__kirakira--03 { top: 63.01047% } } .expo2025 .illust03__ice04 { animation: illust03_ice02 10s ease 5s infinite; transform-origin: center bottom; transform: scale(0); width: 9.88426%; left: 48.58796%; top: 54.32% } @media screen and (max-width:959px) { .expo2025 .illust03__ice04 { top: 71.09948% } } .expo2025 .illust03__ice03 { animation: illust03_ice02 10s ease 5s infinite; transform-origin: center bottom; transform: scale(0); width: 11.45833%; left: 55%; top: 57.86% } @media screen and (max-width:959px) { .expo2025 .illust03__ice03 { top: 75.73298% } } .expo2025 .illust03__ice02 { animation: illust03_ice02 10s ease 5s infinite; transform-origin: center bottom; transform: scale(0); width: 11.96759%; left: 40.90278%; top: 59.28% } @media screen and (max-width:959px) { .expo2025 .illust03__ice02 { top: 77.59162% } } @keyframes illust03_sun { 0% { rotate: 0deg } 100% { rotate: 360deg } } @keyframes illust03_attention { 0% { opacity: 0 } 5% { opacity: 1 } 20% { opacity: 1 } 25% { opacity: 0 } 30% { opacity: 1 } 45% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 0 } } @keyframes illust03_mater { 0% { height: 0 } 5% { height: 0 } 35% { height: 16.24% } 50% { height: 16.24% } 100% { height: 16.24% } 0% { opacity: 0 } 5% { opacity: 0 } 7% { opacity: 1 } 100% { opacity: 1 } } @keyframes illust03_mater02 { 0% { height: 16.24% } 5% { height: 16.24% } 35% { height: 0 } 50% { height: 0 } 100% { height: 0 } 0% { opacity: 1 } 33% { opacity: 1 } 35% { opacity: 0 } 100% { opacity: 0 } } @keyframes illust03_mater_sp { 0% { height: 0 } 5% { height: 0 } 35% { height: 21.25654% } 50% { height: 21.25654% } 100% { height: 21.25654% } 0% { opacity: 0 } 5% { opacity: 0 } 7% { opacity: 1 } 100% { opacity: 1 } } @keyframes illust03_mater02_sp { 0% { height: 21.25654% } 5% { height: 21.25654% } 35% { height: 0 } 50% { height: 0 } 100% { height: 0 } 0% { opacity: 1 } 33% { opacity: 1 } 35% { opacity: 0 } 100% { opacity: 0 } } @keyframes illust03_water { 0% { opacity: 0 } 5% { opacity: 1 } 100% { opacity: 1 } 0% { transform: scale(.5) } 50% { transform: scale(1) } 100% { transform: scale(1) } } @keyframes illust03_ice01 { 0% { transform: scale(1) } 40% { transform: scale(.8) } 100% { transform: scale(.8) } } @keyframes illust03_ice02 { 0% { transform: scale(0) } 40% { transform: scale(1) } 100% { transform: scale(1) } } @keyframes illust03_attention02 { 0% { opacity: 0 } 25% { opacity: 0 } 30% { opacity: 1 } 100% { opacity: 1 } 0% { transform: scale(.7) } 25% { transform: scale(.7) } 35% { transform: scale(1) } 100% { transform: scale(1) } } @keyframes illust03_star { 0% { opacity: 1; transform: scale(1) } 90% { opacity: .8; transform: scale(.8) } 100% { opacity: 1; transform: scale(1) } } @keyframes illust03_arrow { 0% { opacity: 0; transform: translateX(-5px) } 40% { opacity: 0; transform: translateX(-5px) } 50% { opacity: 1; transform: translateX(5px) } 80% { opacity: 1; transform: translateX(5px) } 85% { opacity: 0; transform: translateX(5px) } 100% { opacity: 0; transform: translateX(5px) } } @keyframes illust03_arrow02 { 0% { opacity: 0; transform: translateX(5px) rotate(180deg) } 40% { opacity: 0; transform: translateX(5px) rotate(180deg) } 50% { opacity: 1; transform: translateX(-5px) rotate(180deg) } 80% { opacity: 1; transform: translateX(-5px) rotate(180deg) } 85% { opacity: 0; transform: translateX(-5px) rotate(180deg) } 100% { opacity: 0; transform: translateX(-5px) rotate(180deg) } }